<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>菜品类型查询</title>
		<!-- Bootstrap -->
    	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    	
		<style type="text/css">
			#bl{
				border: 1px solid deepskyblue;
				height: 40px;
				width: 100px;
				color: deepskyblue;
			}
			body{
				margin-left: 50px;
			}
		</style>
	</head>
	<body>
		<h4 style="margin-left: 15px;"><span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>内容列表</h4><hr />
		<div id="add">
			<input id="bl" class="btn btn-default" type="button"value="添加菜品类型" onclick="location.href='../FoodType/insertFoodType.html'"  />
			<input  class="btn btn-default" style="height: 42px;width: 200px;" type="text" placeholder="请输入搜索关键字" />
			<input id="bl" class="btn btn-default" type="button" value="搜索">
		</div>
		<hr />
		<div>
			<table class="table table-hover">
				<tr>
					<th>商铺编号</th>
					<th>类型编号</th>
					<th>类型名称</th>
					<th style="text-align: center;">操作</th>
				</tr>
				<tr>
					<td>1</td>
					<td>2</td>
					<td>甜食</td>
					<td style="text-align: center;">
						<button type="button" style="border:1px solid deepskyblue; color: deepskyblue;" class="btn btn-default"
							onclick="location.href='../FoodType/updateFoodType.html'" >修改</button>
						<button type="button" style="border:1px solid red; color: red;" class="btn btn-default">删除</button>
					</td>
				</tr>
				<tr>
					<td colspan="4" style="text-align: center;">
						<button type="button" style="border:1px solid gray; color: deepskyblue;" class="btn btn-default">首页</button>
						<button type="button" style="border:1px solid gray; color: deepskyblue;" class="btn btn-default">上一页</button>
						<button type="button" style="border:1px solid gray; color: black;" class="btn btn-default">第页/共页/共条数据</button>
						<button type="button" style="border:1px solid gray; color: deepskyblue;" class="btn btn-default">下一页</button>
						<button type="button" style="border:1px solid gray; color: deepskyblue;" class="btn btn-default">尾页</button>
					</td>
				</tr>
			</table>
		</div>
	</body>
		<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</html>
